<template>
  <div>Child: <input :value="user.name" @input="onInput" /></div>
</template>

<script>
export default {
  name: 'Child',
  props: {
    user: {
      type: Object,
    },
  },
  methods: {
    onInput(e) {
      // 对于 Child 子组件而言，这个 this.user 不是它的数据，是从父组件传过来的数据
      // 严格意义上来讲：没有修改 this.user 属性，但是其实违反了单向数据流，但是，有时候，我们可以这样做，因为更加便捷
      this.user.name = e.target.value
    },
  },
}
</script>

<style></style>
